<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>div加css练习题1</title>
</head>
<link rel="stylesheet" href="css/div加css练习题1.css">
<body>
	<!-- 当放入的是很少的文本内容，就用span标签， -->
	<span class="span1">新闻一</span>
	<span class="span1">新闻二</span>
	<span class="span1">新闻三</span>
	<span class="span1">新闻四</span>
	<span class="span1">新闻五</span>

	<div class="div1">
		<p>这是一个标题</p>
		<p>这是一个标题</p>
		<p>这是一个标题</p>
	</div>

	<hr>
	<div class="div2">这是一张图片这是一张图片
		<img src="img/1.jpg" alt="">
	</div>
	<ul id="skill">
		<li><span class="bar graphic-design"></span><h3>Graphic Design</h3></li>
		<li><span class="bar html-css"></span><h3>Html // Css</h3></li>
		<li><span class="bar jquery"></span><h3>jQuery // MoTools</h3></li>
		<li><span class="bar wordpress"></span><h3>Wordpress</h3></li>
	</ul>
</body>
</html>